<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../util/bootstrap-3.3.7-dist/css/bootstrap.css"/>
		<link rel="stylesheet" type="text/css" href="../css/albumDetails.css"/>
		<link rel="stylesheet" type="text/css" href="../css/common.css"/>
	</head>
	<body>
		<div class="album-nav">
			<a href="pictureWall.html">
				<div class="return-album">返回相册</div>
			</a>
			<div class="album-nav-right">
				<div class="add-pic">
					<button type="button" class="btn-reset  pic-create add-picture" ><span class="iconfont ">&#xe641;</span><span>添加照片</span> </button>
					<div class="pic-modelBox">
						<div class="pic-insideTips">
							<p class="pic-tipsInformation">请先选择图片</p>
							<div class="pic-Ikonw">我知道了</div>
						</div>
						<div class="insideBox">
							<div class="create-top">
								<div class="create-dis">添加照片</div>
								<div class="create-close add-close" ><span class="iconfont ">&#xee7b;</span></div>
							</div>
							<form action="" method="" class="inform">
								<div class="form-tap">选择照片:</div>
								<div class="pic-href">
									<input type="file" name="" id="f1" value="" multiple="multiple" />
									<span id="f2">选择图片</span>
								</div>
								<div class="form-tap">已选图片:</div>
								<div class="chose-img">
									<p class="img-name">你还没有选择任何图片..</p>
								</div>
								<div class="create-control">
									<div class="control-yes left">确认添加</div>
									<div class="control-no right">取消添加</div>
								</div>	
							</form>	
						</div>
					</div>	
							
						
				</div>
				<div class="delete-album">
					<button type="button" class="btn-reset  pic-create delete-pic"><span class="iconfont ">&#xe602;</span><span>删除相册</span> </button>
					<div class="delete-modelBox">
						<div class="delete-insideTips">
							<p class="delete-tipsInformation">相册里面还有照片你不能删除</p>
							<div class="delete-Ikonw">我知道了</div>
						</div>
						<div class="deleteInside">
							<div class="create-control">
								<div class="delete-yes left" >确认删除</div>
								<div class="delete-no right" >考虑一下</div>
							</div>
						</div>
					</div>		
				</div>
			</div>
			
		</div>
		<div class="album-discribe">
			<p class="edit-val">你还没有对相册添加任何描述...</p>
			<span class="edit-btn">
				<button type="button" class="album-edt" ><span class="iconfont ">&#xe639;</span></button>
				<div class="dis-modelBox">
					<div class="dis-insideTips">
						<p class="dis-tipsInformation">你还没有输入相册描述呢</p>
						<div class="dis-Ikonw">我知道了</div>
					</div>
					<div class="discribeInside">
						<div class="create-top">
							<div class="create-dis">相册描述</div>
							<div class="create-close edt-close" ><span class="iconfont ">&#xee7b;</span></div>
						</div>
						<div class="pic-dis">
							<textarea class="form-control discribe-edt" placeholder="请输入相册描述..."></textarea>
						</div>
						<div class="create-control">
							<div class="edt-yes left">确认修改</div>
							<div class="edt-no right" >取消修改</div>
						</div>
					</div>
				</div>
							
			</span>
		</div>
		<div class="container-fluid image-box">
			<div class="row img-list1">
				<div class="col-sm-2 col-xs-3">
					<div class="img-frame" index = "1">
						
					</div>
				</div>
				<div class="col-sm-2 col-xs-3">
					<div class="img-frame" index = "2">
						
					</div>
				</div>
				<div class="col-sm-2 col-xs-3">
					<div class="img-frame" index = "3">
						
					</div>
				</div>
				<div class="col-sm-2 col-xs-3">
					<div class="img-frame" index = "4">
						
					</div>
				</div>
				<div class="col-sm-2 col-xs-3">
					<div class="img-frame" index = "5">
						
					</div>
				</div>
				<div class="col-sm-2 col-xs-3">
					<div class="img-frame" index = "6">
					
					</div>
				</div>
			</div>
			<div class="row img-list2">
				<div class="col-sm-2 col-xs-3">
					<div class="img-frame" index = "7">
					
					</div>
				</div>
				<div class="col-sm-2 col-xs-3">
					<div class="img-frame" index = "8">
						
					</div>
				</div>
				<div class="col-sm-2 col-xs-3">
					<div class="img-frame" index = "9">
						
					</div>
				</div>
				<div class="col-sm-2 col-xs-3">
					<div class="img-frame" index = "10">
						
					</div>
				</div>
				<div class="col-sm-2 col-xs-3">
					<div class="img-frame" index = "11">
						
					</div>
				</div>
				<div class="col-sm-2 col-xs-3">
					<div class="img-frame" index = "12">
						
					</div>
				</div>
			</div>
		</div>
		<div class="album-botoom">
			<span class="another-batch">换一批</span>
		</div>
	</body>
	<script type="text/javascript" src="../util/jquery-3.4.1.js">
		
	</script>
	<script type="text/javascript" src="../js/albumDetails.js">
		
	</script>
	<script src="../util/bootstrap-3.3.7-dist/js/bootstrap.js"></script>
</html>
